<template>
  <div>
    <CodeLight path="date-range-picker/datetime/defVal/Demo1">
      <template #tip>
        <vxe-tip status="primary" title="面板的默认日期">
          打开面板时，默认是自适应已选时间或当前时间，也可以通过 <ApiLink name="date-picker" prop="default-date"/> 和 <ApiLink name="date-picker" prop="default-time"/> 分别自定义设置
        </vxe-tip>
      </template>
    </CodeLight>

    <CodeLight path="date-range-picker/datetime/defVal/Demo2">
      <template #tip>
        <vxe-tip status="primary">
          面板默认时间值
        </vxe-tip>
      </template>
    </CodeLight>

    <CodeLight path="date-range-picker/datetime/defVal/Demo3">
      <template #tip>
        <vxe-tip status="primary">
          面板默认日期和时间值
        </vxe-tip>
      </template>
    </CodeLight>

    <CodeLight path="date-range-picker/datetime/defVal/Demo4">
      <template #tip>
        <vxe-tip status="primary">
          字符串类型逗号分隔，分别设置面板不同的默认时间
        </vxe-tip>
        <vxe-tip status="error">
          需要注意结束时间必须大于或等于开始时间，否则将会出现错误
        </vxe-tip>
      </template>
    </CodeLight>

    <CodeLight path="date-range-picker/datetime/defVal/Demo5">
      <template #tip>
        <vxe-tip status="primary">
          数组类型逗号，分别设置面板不同的默认时间
        </vxe-tip>
        <vxe-tip status="error">
          需要注意结束时间必须大于或等于开始时间，否则将会出现错误
        </vxe-tip>
      </template>
    </CodeLight>
  </div>
</template>
